<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">


<ui:composition template="/public/templates/template.xhtml">
	<ui:define name="content">
		<f:view>
			<div class="center spaceTop">
				<h:messages style="color:red;"></h:messages>
				<h:form id="loginForm">
					<table class="center">
						<tr>
							<td align="right"><h:outputText value="Usuario " /></td>
							<td><h:inputText id="username" value="#{loginBean.username}"
									required="true">
									<f:validateLength maximum="20" minimum="3" />
								</h:inputText></td>
							<td><h:message for="username" style="color:red;" /></td>
						</tr>
						<tr>
							<td align="right"><h:outputText value="Contraseña: " /></td>
							<td><h:inputSecret id="password"
									value="#{loginBean.password}" required="true" /></td>
							<td><h:message for="password" style="color:red;" /></td>
						</tr>
						<tr>
							<td colspan="2" class="center" align="center"><h:commandButton value="login"
									action="#{loginBean.doLogin}" /></td>
						</tr>
					</table>


				</h:form>
			</div>
		</f:view>
	</ui:define>
</ui:composition>
</html>